#raids li{
	display:inline;
	list-style-type:none;
	cursor:pointer;
	margin:0 10px;
}

#raids li.active{
	font-weight:bold;
}

#animation{
	position:relative;
	padding:140px 0 0 0;
}

.doc{
	width:140px;
	background-color:#bbb;
	position:absolute;
	top:0;
	color:white;
	padding:5px;
	font-weight:bold;
	padding-top:10px;
    -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding-bottom:10px;
}

.doc .fragment_file
{
    width:130px;
}

.doc .fragment_file:first-child
{
    margin-top:10px;
    font-weight:normal;
}

.disc{
	width:140px;
	min-height:150px;
	/*background:gray url(raid2.png) center center no-repeat;*/
	position:relative;
	float:left;
	margin:10px;
	padding-bottom:10px;

	text-shadow: 0px 1px 1px #fff;
    background: url(raid2.png) center center no-repeat, -moz-linear-gradient(top, #cacaca, #848484);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cacaca), to(#848484));
}

#animation > .disc
{

    font-weight:bold;
    padding:10px 5px;
    padding-bottom:0;
}

#disc0, #disc6, #disc13, #disc20
{
    margin-left:0px;
}

body
{
    background-color:#fefefe;
}

#container
{
    margin:2% auto;
    width:1050px;
    border:1px solid #bbb;
    background-color:#fafafa;
}

body	{
	background: #ddd;
	margin: 30px;
}

#raidselector 
{
	background-color:#cacaca;
	
	/* CSS3 Text Shadow */
	text-shadow: 0px 1px 1px #fff;

	/* CSS3 Background Gradient */
    background-image: -moz-linear-gradient(top, #cacaca, #848484);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cacaca), to(#848484));
}

#raids	{
	float: left;
	padding: 0;
	margin: 0;
}
#raids ul	{
	padding: 0;
	margin: 0;
	float: left;
}
#raids li	{
	float: left;
	list-style: none;
	background: none;
}
#raids span { outline: none; }
#raids li span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	display: block;
	color: #262626;
	text-decoration: none;
	text-transform: capitalize;
	padding: 12px 24px;
	background: url(raid.png) left center no-repeat;
	margin-left:11px;
	padding-left:42px;
}

#raids li:first-child
{
    margin-left:0;
}

#raids li:hover 
{
    text-decoration:underline;
}

#raids li.active
{
    text-decoration:underline;
    background-color:#b4b4b4;
    background-image: -moz-linear-gradient(top, #b4b4b4, #707070);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b4b4b4), to(#707070));
}

#animation div.disc
{
    -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#visualisation
{
    background-color:#fff;
    padding:20px;
    padding-bottom:0;
    font-family:Arial;
    font-size:12px;
}

#visualisation div
{
    margin-bottom:5px;
}

#visualisation input
{
    width:80px;
}

.disc .fragment_file:first-child
{
    margin-top:10px;
}

.fragment_file{
	width:130px;
	background-color:#FFF8E5;
	position:relative;
	float:left;
	margin:0;
    padding:2px 5px;
    font-weight:normal;
    color:#000;
    -moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.fragment_file + .ecc{
 background-color:#33CCFF;
}
.ecc{
 background-color:#33CCFF;
}

.ecc22{
 background-color:#66ff66;
}
#info div
{
    float:left;
    width:50%;
    min-height:12px;
    line-height:12px;
}

.clear 
{
    clear:both;    
}
